<template>
	<view>
		<view class="login">
			<image src="/static/index/login.png" class="icon"></image>
			<view class="word">您当前未登录，登陆账号可查看信息</view>
			<view class="login-btn" @tap="login">去登录</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		login() {
			this.util.skip('/service/login/login');
		}
	}
};
</script>

<style>
/* component/login/login.wxss */
.login {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 100rpx;
}
.icon {
	width: 178rpx;
	height: 178rpx;
}
.word {
	color: #a4a9b7;
	font-size: 24rpx;
	margin: 40rpx 0;
}
.login-btn {
	width: 274rpx;
	height: 80rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #1677ff;
	color: #fff;
	font-size: 26rpx;
	border-radius: 20rpx;
}
</style>
